<!-- 人员信息  ？？分页、弹框参照平安的-->
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="renderer" content="webkit">

  <title>人员管理</title>
  <link href="../lib/css/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="../css/reset.css" rel="stylesheet">
  <link href="../css/style.css" rel="stylesheet">
  <script src="../lib/angular-1.3.0/angular.js"></script>
  <script type="text/javascript">
	  var app = angular.module("app", []);
	  app.controller("workerInfoCtrl", function($scope) {
    	// 模拟数据
    	this.data = [
    		{
    			id:'01',
    			one: '1'
    		}
    	];

    	this.isUpDown = {
    	    isDown: false,
    	    queryInfo: {
    	        isDateOrder: false,
    	        isShowHighSearch: false,
    	    }
    	};
	  });
  </script>
</head>
<body ng-app="app" ng-controller="workerInfoCtrl as vm">
	<div class="main">
		<div class="main-content">
			<form class="base-info">
				<div class="query-info">
					<div class="first-search">
						<div class="input-group">
							<input type="text" class="search-combobox-input" placeholder="人员编码，姓名，身份证号">
							<span class="input-group-btn">
								<i class="fa fa-search icon-search"></i>
							</span>
							<span class="high-search" ng-click="vm.isUpDown.queryInfo.isShowHighSearch=!vm.isUpDown.queryInfo.isShowHighSearch">高级搜索</span>
						</div>
						<div class="pa-operate more-operate" ng-click="vm.isUpDown.isDown=!vm.isUpDown.isDown">
							<span>更多操作</span>
							<i class="fa fa-chevron-down"></i>
						</div>
						<div class="pa-operate">
							<i class="fa fa-plus"></i>
							<span>二维码打印</span>
						</div>
						<div class="pa-operate">
							<i class="fa fa-plus"></i>
							<span>进出场登记</span>
						</div>
					</div>
					<div class="second-search" ng-show="vm.isUpDown.queryInfo.isShowHighSearch">
						<div class="pa-form-control">
							<label>岗位：</label>
							<select name="" id="" class="pa-form-control-select">
								<option value="">选择岗位</option>
							</select>
						</div>
						<div class="pa-form-control">
							<label>部门：</label>
							<select name="" id="" class="pa-form-control-select">
								<option value="">选择部门</option>
							</select>
						</div>
						<div class="pa-form-control">
							<label>特种作业人员：</label>
							<select name="" id="" class="pa-form-control-select">
								<option value="">选择是或否</option>
								<option value="1">是</option>
								<option value="0">否</option>
							</select>
						</div>
						<div class="pa-form-control">
							<label>进场时间：</label>
							<input type="text" class="form-control-input">&nbsp;至&nbsp;<input type="text" class="form-control-input">
						</div>
						<div class="pa-form-control pa-form-control-btn">
							<button class="pa-btn">搜索</button>
							<button class="pa-btn reset-btn" type="reset">重置</button>
						</div>
					</div>
				</div>
			</form>
			<div class="pa-table-container">
				<table class="pa-table">
					<thead>
						<tr>
							<th class="checkbox-radius">
								<input type="checkbox">
							</th>
							<th class="sort-operate">
								<span>人员编码</span>
								<div class="time-sequence-btn">
									<div class="time-sequence-box">
										<i class="fa fa-caret-up sort-size sort-size-big"></i>
									</div>
									<div class="time-sequence-box">
										<i class="fa fa-caret-down sort-size sort-size-small"></i>
									</div>
								</div>
							</th>
							<th>姓名</th>
							<th class="sort-operate">
								<span>身份证</span>
								<div class="time-sequence-btn">
									<div class="time-sequence-box">
										<i class="fa fa-caret-up sort-size sort-size-big"></i>
									</div>
									<div class="time-sequence-box">
										<i class="fa fa-caret-down sort-size sort-size-small"></i>
									</div>
								</div>
							</th>
							<th>岗位</th>
							<th>部门</th>
							<th>特种作业</th>
							<th class="sort-operate">
								<span>进场时间</span>
								<div class="time-sequence-btn">
									<div class="time-sequence-box">
										<i class="fa fa-caret-up sort-size sort-size-big"></i>
									</div>
									<div class="time-sequence-box">
										<i class="fa fa-caret-down sort-size sort-size-small"></i>
									</div>
								</div>
							</th>
							<th class="operate-three">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="item in vm.data">
							<td>{{item.id}}</td>
							<td>1</td>
							<td>1</td>
							<td>1</td>
							<td>1</td>
							<td>1</td>
							<td>1</td>
							<td>1</td>
							<td>
								<div class="operate-del">
									<i class="fa fa-pencil detail-color"></i>
									<span>详情</span>
								</div>
								<div class="operate-del">
									<i class="fa fa-pencil edit-color"></i>
									<span>修改</span>
								</div>
								<div class="operate-del">
									<i class="fa fa-trash trash-color"></i>
									<span>删除</span>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</body>
</html>
